<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org/">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
    <link rel="stylesheet" href="/css/bootstrap.min.css">
    <!-- jquery文件 -->
    <script src="/js/jquery.min.js"></script>
    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script src="/js/bootstrap.min.js"></script>
    <script src="/js/customerList.js"></script>
</head>
<body>

<div class="container">
    <div th:replace="nav::standard"></div>
    <div class="row">
        <div class="col-md-12">
            <form class="form-horizontal">
                <div class="form-group">
                    <label for="jobNo">工号</label>
                    <input type="text" class="form-control" id="jobNo" name="jobNo" placeholder="请输入工号"/>
                </div>
                <div class="form-group">
                    <label for="name">名称</label>
                    <input type="text" class="form-control" id="name" name="name" placeholder="请输入名称"/>
                </div>
                <div class="form-group">
                    <label for="department">部门</label>
                    <input type="text" class="form-control" id="department" name="department" placeholder="请输入部门"/>
                </div>
            </form>
            <a class="btn btn-block btn-success add">添加</a>
        </div>
    </div>
    <div class="row">
        <div class="col-md-12">
            <table class="table table-bordered table-hover">
                <thead>
                    <tr>
                        <th>编号</th>
                        <th>工号</th>
                        <th>名称</th>
                        <th>部门</th>
                        <th>操作</th>
                    </tr>
                </thead>
                <tbody>
                    <tr th:each="item:${list}">
                        <td th:text="${item.id}"></td>
                        <td th:text="${item.jobNo}"></td>
                        <td th:text="${item.name}"></td>
                        <td th:text="${item.department}"></td>
                        <td>
                            <button class="btn btn-danger del" th:attr="data-id=${item.id}">删除</button>
                        </td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>
</div>

</body>
</html>